<template>
  <div id="app">
    <div class="login">
      <div id="dialog__wrapper">
        <div class="el_dialog">
          <div class="el_dialog_body">
            <div class="title">
              <p>安顺职业技术学院</p>
              <p>考证在线报名收费系统</p>
            </div>
            <div class="divider">
              <div class="divider_text">登录方式</div>
            </div>
            <div class="wechatLogi">
              <div class="el-wechatlogo">
                <svg
                  t="1625891792418"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4804"
                  width="200"
                  height="200"
                >
                  <path
                    d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z"
                    fill="#63C854"
                    p-id="4805"
                  ></path>
                  <path
                    d="M471.182222 585.784889c0 76.942222 79.416889 139.349333 176.867556 139.349333 23.637333 0 46.734222-3.754667 67.015111-10.24 5.632 2.702222 46.193778 36.067556 55.182222 30.151111 6.200889-4.835556-14.620444-40.903111-16.327111-47.36C796.728889 672.426667 824.888889 631.523556 824.888889 585.784889c0-76.913778-79.416889-139.320889-176.839111-139.320889-97.450667 0-176.867556 62.407111-176.867556 139.320889z m214.016-48.924445c0-13.482667 11.264-24.234667 25.344-24.234666s25.372444 10.752 25.372445 24.206222-11.292444 24.206222-25.372445 24.206222-25.315556-10.752-25.315555-24.177778z m-124.444444 0c0-13.482667 11.264-24.234667 25.315555-24.234666 14.108444 0 25.372444 10.752 25.372445 24.206222s-11.264 24.206222-25.344 24.206222-25.344-10.752-25.344-24.177778z"
                    fill="#FFFFFF"
                    p-id="4806"
                  ></path>
                  <path
                    d="M453.831111 582.542222c0-86.755556 86.044444-156.871111 191.601778-156.871111 5.603556 0 11.178667 0 16.213333 0.568889C649.898667 330.524444 551.025778 256 430.933333 256 302.990222 256 199.111111 341.105778 199.111111 446.264889c0 62.293333 36.864 117.930667 93.297778 152.433778-2.247111 8.334222-29.070222 57.856-21.248 64.512 11.747556 7.793778 64.796444-37.831111 72.078222-41.159111a278.528 278.528 0 0 0 87.694222 13.937777c11.178667 0 22.357333-0.568889 33.507556-2.275555a129.052444 129.052444 0 0 1-10.609778-51.143111z m58.112-237.511111a33.564444 33.564444 0 0 1 33.507556 33.365333c0.568889 18.346667-14.506667 33.365333-33.507556 33.365334a33.564444 33.564444 0 0 1-33.536-33.365334c0-18.375111 15.075556-33.393778 33.536-33.393777z m-162.56 66.730667a33.564444 33.564444 0 0 1-33.536-33.365334 33.564444 33.564444 0 0 1 67.043556 0 33.564444 33.564444 0 0 1-33.507556 33.365334z"
                    fill="#FFFFFF"
                    p-id="4807"
                  ></path>
                </svg>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>

export default {

};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
#dialog__wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #7f7f7f;
}
.el_dialog {
  z-index: 100;
  width: 30%;
  margin: 0 auto;
  top: 15vh;
  background-color: white;
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.el_dialog_body {
  padding: 30px 30px;
  color: #606266;
  word-break: break-all;
}
.title p {
  text-align: center;
  font-size: 30px;
}
.divider {
  display: block;
  height: 1px;
  width: 100%;
  position: relative;
  margin: 24px 0;
  background-color: #dcdfe6;
}
.divider_text {
  border: 1px solid #dcdfe6;
  border-radius: 10px;
  position: absolute;
  padding: 0 20px;
  color: #303133;
  background-color: #fff;
  font-weight: 500;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -10px;
}
.wechatLogi {
  display: flex;
  justify-content: center;
}
.el-wechatlogo {
  /* border: 1px solid black; */
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding-top: 5px;
}
.el-wechatlogo svg {
  width: 100%;
  height: 100%;
}
</style>